<template>
  <div>
    <div class="nav_bar">
      <van-nav-bar title="我的订单" left-arrow @click-left="onClickLeft" class="daohang">
        <template #left>
          <van-icon name="arrow-left" size="18" />
        </template>
      </van-nav-bar>
    </div>
    <div>
      <Tope></Tope>
    </div>
    <div class="goodsbox">
      <Bottome></Bottome>
    </div>
  </div>
</template>

<script>
import Bottome from "../../components/bottome.vue";
import Tope from "../../components/tope.vue";
import Vue from "vue";
import { NavBar } from "vant";

Vue.use(NavBar);

import { SwipeCell } from "vant";

Vue.use(SwipeCell);

import { Card } from "vant";

Vue.use(Card);

import { Cell, CellGroup } from "vant";

Vue.use(Cell);
Vue.use(CellGroup);
export default {
  data() {
    return {};
  },

  components: { Tope, Bottome },

  computed: {},

  methods: {
    onClickLeft() {
      this.$router.push("/homee");
    },
  },
};
</script>

<style lang="less" scoped>
.daohang {
  background-color: #e4e4e4;
}
.nav_bar ::v-deep .van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: #999999;
  font-weight: 500;
  font-size: 20px;
  font-weight: 600;
}
.van-nav-bar .van-icon {
  color: green;
}

.van-card__num {
  margin-top: -50px;
  color: green;
}
.van-card__price {
  margin-bottom: 10px;
}
.van-cell__value > span {
  color: red;
}
.title {
  color: #999999;
}
.jine {
  width: 100%;
  height: 50px;
  border: solid 1px #f2f2f2;
  color: #999999;
  line-height: 50px;
}
.jineflot {
  float: right;
  margin-right: 10px;
}
.goodsbox {
  margin-top: 10px;
}
</style>
